.detail-page {
   display: flex;
   height: 100%;
   .detail-page-left {
      padding: 20px;
      img {
         width: 200px;
      }
  
   }
   .detail {
      flex:1;
      height: 100%;
   }
   .detail-page-right {
      width: 300px;
      padding-left: 20px;
      ul {
         margin-bottom: 20px;
         li {
            display: flex;
            margin-bottom: 10px;
            &.model-title {
               margin-bottom: 20px;
            }
            .model-title-unit {
               margin-left: 30px;
            }
            .info-name {
               display: flex;
               color: #999;
               align-items: center;
               .info-txt {
                  color: #333;
                  
               
               }
            }
            &.particle-info{
               flex-direction: column;
               .info-name {
                  margin-bottom: 10px;
               }
            }
         }
      }
   }
}

.float-layer {
   position: fixed;
   display: flex;
   flex-direction: column;
   position: absolute;
   right: 20px;
   bottom: 20px;
   li {
      display: flex;
      width: 30px;
      height: 30px;
      background-color: #fff;
      border-radius: 50%;
      flex-shrink: 0;
      justify-content: center;
      align-items: center;
      box-shadow: 5px 5px 5px rgb(170, 170, 170);
      margin-bottom: 10px;
      cursor: pointer;
   }
}